<style>
    /*header*/
    header{height: 150px;width: 640px; position: relative;background: #fff;}
    header .logo{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/logo.png) no-repeat;width: 629px;height: 146px;position: absolute;left: 6px;top: 0px;}
    header .logo .indexLink{ width: 115px; position: absolute; left: 0; top: 0; height: 150px; }
    header .head-box{position: absolute;right: 13px;bottom: 0px;width: 270px;height: 55px;}
    header .head-box .car-btn{display:inline-block;width: 36px;height: 51px;background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/car.png) no-repeat;margin-right: 75px;}
    header .head-box .car-btn.active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/car-active.png) no-repeat;}
    header .head-box .yuyue-btn{display:inline-block;width: 35px;height: 55px;background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/yuyue.png) no-repeat;margin-right: 78px;}
    header .head-box .yuyue-btn.active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/yuyue-active.png) no-repeat;}
    header .head-box .menu-btn{display:inline-block;width: 34px;height: 49px;background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/h-menu.png) no-repeat; position: relative;}
    header .head-box .menu-btn span{ display: block;  height: 3px; background: #434343; position: absolute; -webkit-transition:all .6s; transition: all .6s; width: 17px;}
    header .head-box .menu-btn .s1{ top: 0; left: 0; }
    header .head-box .menu-btn .s2{ top: 0; left: 50%; }
    header .head-box .menu-btn .s3{ top: 11px; left: 0; }
    header .head-box .menu-btn .s4{ top: 11px; left: 50%; }
    header .head-box .menu-btn .s5{ top: 22px; left: 0; }
    header .head-box .menu-btn .s6{ top: 22px; left: 50%; }
    header .head-box .menu-btn.active .s1,header .head-box .menu-btn.active .s3,header .head-box .menu-btn.active .s5{ width: 22px;background: #c3002f; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
    header .head-box .menu-btn.active .s2,header .head-box .menu-btn.active .s4,header .head-box .menu-btn.active .s6{ width: 22px; background: #c3002f; -webkit-transform: translateX(-3px)  rotate(45deg); transform: translateX(-3px)  rotate(45deg); }
    header .head-box .menu-btn.active .s5,header .head-box .menu-btn.active .s6{ opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    /*header menu*/
    header #menu{position: absolute;top: 150px;width:640px;z-index: 99999;background:#fff;height: 762px;box-shadow: 0px 10px 10px rgba(169, 169, 169, 0.59);display: none;}
    header #menu-list{width: 542px;height: 582px;margin: 20px 0px 0px 50px;}
    header #menu-list ul li{float: left;margin-bottom: 22px;opacity: 1!important;}
    header #menu-list ul li:nth-child(odd){margin-right: 46px;}
    header #menu-list ul li a{ width: 248px; height: 128px; display: block; }
    header .other-info{margin-top: 50px;opacity: 1!important;}
    header .links{margin-left: 50px;}
    header .links a{display: inline;margin-right: 59px;font-size: 0;float: left;}
    header .links a:last-child{margin-right: 0px;}
    header .other-info .btn{width: 542px;font-size: 28px;height: 64px;line-height: 64px;text-align: center;background: #002870;color: #fff;margin:50px 0px 0px 50px; display: block;}

    /*footer*/
    footer{width: 640px;height: 357px;position: relative;}
    footer .phone{position: absolute;width: 640px;height: 249px;left: 0px;bottom: 0px;background: #1b1b1b;}
    footer .phone img{position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
    footer .menu{position: absolute;height: 108px;width:640px;left: 0px;top: 0px;background: #fff url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/f-menu.png) no-repeat;}
    footer .menu .menu-icon{display: block;float: left;width: 160px;height: 100%;}
    footer .menu a{position: relative;}
    footer .menu a:nth-child(1){background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f1.png) no-repeat center;}
    footer .menu a:nth-child(2){background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f2.png) no-repeat center;}
    footer .menu a:nth-child(3){background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f3.png) no-repeat center;}
    footer .menu a:nth-child(4){background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f4.png) no-repeat center;}

    footer .menu a:nth-child(1) .red{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f1-active.png) no-repeat center;position: absolute;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
    footer .menu a:nth-child(2) .red{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f2-active.png) no-repeat center;position: absolute;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
    footer .menu a:nth-child(3) .red{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f3-active.png) no-repeat center;position: absolute;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
    footer .menu a:nth-child(4) .red{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f4-active.png) no-repeat center;position: absolute;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}

    footer .menu a:nth-child(1).active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f1-active.png) no-repeat center;}
    footer .menu a:nth-child(2).active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f2-active.png) no-repeat center;}
    footer .menu a:nth-child(3).active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f3-active.png) no-repeat center;}
    footer .menu a:nth-child(4).active{background: url(https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/footer/f4-active.png) no-repeat center;}

    footer .menu a span{width: 50px;height: 50px;border-radius: 100%;background: rgba(185, 185, 185, 1);display: block;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.07);
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 14px;
        transition: all 0.5s;
        opacity: 1;
        -webkit-transform:scale(0);
        transform:scale(0);
    }
    footer .menu a span.anime{
        opacity: 0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
    }


    /* flextab S */
    .flextab { display: -webkit-box; display: -ms-flexbox; display: flex; height: 64px; background: #e2e1e1; }
    .flextab>a { position: relative; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 64px; line-height: 64px; text-align: center; font-size: 28px; color: #434343;outline: none; }
    .flextab>a:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; margin-top: -12px; background: #434343; }
    .flextab>a:first-child:after { display: none; }
    .flextab>a.active { background: #c9042a; color: #fff; }
    .flextab>a.active:after { display: none; }
    .flextab>a.active+a:after { display: none; }
    /* flextab E */

    select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
</style>
<script src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/js/TweenMax.min.js"></script>
<script src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/js/header-footer.js"></script>
<script type="text/javascript">
    var _smq = _smq || [];

    _smq.push(['_setAccount', '6b2a0957', new Date()]);
    _smq.push(['pageview']);

    (function () {
        var sm = document.createElement('script'); sm.type = 'text/javascript'; sm.async = true;
        sm.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'site.cdnmaster.cn/sitemaster/collect.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sm, s);
    })();
</script>
<header>
    <div class="logo">
        <a href="https://www.dongfeng-nissan.com.cn/" class="indexLink" onclick="_smq.push(['custom','2017gw-mob','nissanlogo']);"></a>
    </div>
    <div class="head-box">
        <a href="https://www.dongfeng-nissan.com.cn/buy/selection/car-models" class="car-btn" onclick="_smq.push(['custom','2017gw-mob','chexing']);"></a>
        <a href="https://www.dongfeng-nissan.com.cn/buy/selection/test-drive" class="yuyue-btn" onclick="_smq.push(['custom','2017gw-mob','shijia']);"></a>
        <a href="javascript:;" class="menu-btn" onclick="_smq.push(['custom','2017gw-mob','daohang']);">
        <span class="s1"></span>
        <span class="s2"></span>
        <span class="s3"></span>
        <span class="s4"></span>
        <span class="s5"></span>
        <span class="s6"></span>
    </a>
    </div>
    <div id="menu">
        <div id="menu-list">
            <ul>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/" onclick="_smq.push(['custom','2017gw-mobdh','shouye']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/home.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/buy/selection/find-dealer" onclick="_smq.push(['custom','2017gw-mobdh','4s']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/stores.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/buy/selection/all-cars" onclick="_smq.push(['custom','2017gw-mobdh','duibi']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/diff.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/Event" onclick="_smq.push(['custom','2017gw-mobdh','zixun']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/news.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/buy/tools/insurance-calculator" onclick="_smq.push(['custom','2017gw-mobdh','baoxian']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/insurance.png" alt="">
                    </a>
                </li>
                <!--<li>
                  <a href="/buy/tools/financial" onclick="_smq.push(['custom','2017gw-mobdh','chedai']);">
                    <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/loans.png" alt="">
                  </a>
                </li>-->
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/buy/selection/test-drive" onclick="_smq.push(['custom','2017gw-mobdh','yuyue']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/loans.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="https://www.dongfeng-nissan.com.cn/buy/services/after-sale" onclick="_smq.push(['custom','2017gw-mobdh','shouhou']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/sale.png" alt="">
                    </a>
                </li>
                <li style="backface-visibility: visible; z-index: 0; opacity: 0; transform: matrix(1, 0, 0, 1, 100, 0);">
                    <a href="http://202.96.191.190:8081/outside/Process1.aspx" onclick="_smq.push(['custom','2017gw-mobdh','waibu']);">
                        <img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/yuyue.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="other-info clearfix" style="opacity: 0;">
            <div class="links">
                <a href="https://dongfeng-nissan.m.tmall.com/" onclick="_smq.push(['custom','2017gw-mobdh','tmall']);"><img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/tianmao.jpg" alt=""></a><!--
         --><a href="http://www.chebaba.com/" onclick="_smq.push(['custom','2017gw-mobdh','cbb']);"><img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/chebaba.jpg" alt=""></a><!--
         --><a href="http://www.ezucoo.com/" onclick="_smq.push(['custom','2017gw-mobdh','yizuche']);"><img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/yizuche.jpg" alt=""></a><!--
         --><a href="http://www.nic.dongfeng-nissan.com.cn/" onclick="_smq.push(['custom','2017gw-mobdh','2shou']);"><img src="https://www.dongfeng-nissan.com.cn/newsource/official/ueo201611/mobile/common/images/menu-list/ershouche.jpg" alt=""></a>
            </div>
            <!-- <a class="btn" href="/newsource/official_venucia/static/mobile/">进入启辰品牌官网</a> -->
        </div>
    </div>
</header>